<template>
<div class="all">
    <div class="aa">
        <van-icon name="arrow-left" /><span class="p1">结算失败</span>
    </div>
    <img src="@/assets/fa.jpg" />
    <p>结算异常</p>
    <p>请尝试重新结算</p>
    <p class="p3">6748936497349679</p>
    <div class="bt">
          <router-link :to="{ name: 'Ordersettlement'}"><button class="bt1" @click="toshopca">重新结算</button></router-link>
   
    </div>
   
    </div>
</template>
<script setup lang="ts">
    
</script>
<style scoped>
.all{
    width: 100%;
    height: 667px;
    background-color: #eae9e5;

}
.p1{
    margin-left: 35%;
}
    .aa{
        width: 100%;
       margin-left: 5%;
    }
    img{
        width: 100%;
    }
    p{
        text-align: center;
    }
    .bt{
        width: 100%;
        margin-top: 10%;
    }
    .bt1{
        width: 80%;
        height: 50px;
        border: 1px solid #c1ab96;
        color: #c1ab96;
        border-radius: 50px;
        margin-left: 10%;
        background-color: #921b31;
    }
    .p3{
        color: red;
    }
</style>